<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:cote="http://java.sun.com/jsf/composite/componentes" xmlns:c="http://java.sun.com/jsp/jstl/core">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">
            <h:form id="formulario">
                <p:panel style="width:100%;margin: 10px auto;" header="REGISTRAR CAJA CHICA">

                    <p:panelGrid style="width: 100%;margin: 10px auto" id="pnlCajachica">
                        <p:row>
                            <p:column style="width:180px">
                                <h:outputLabel id="lblSede" value="SEDE(*): "  styleClass="lblForm" />
                            </p:column>

                            <p:column>
                                <h:outputText id="txtSede" value="#{BKCajaChica.cajaChicaFormulario.idSede.nombre}" >                                        
                                </h:outputText>

                            </p:column>

                            <p:column style="width:180px">
                                <h:outputLabel id="lblNumeroCheque" value="Nº DE CHEQUE(*):"  styleClass="lblForm" />
                            </p:column>

                            <p:column>
                                <p:selectOneMenu id="cbxNroCheque" style="width: 200px" required="true"
                                                 value="#{BKCajaChica.cajaChicaFormulario.idMovimientoCuentaBancaria.id}" rendered="true"
                                                 disabled="#{BKCajaChica.mostrarListaCheques eq null?'true':'false'}"> 
                                    <f:selectItem itemLabel="Seleccionar" itemValue="0"/> 
                                    <f:selectItems value="#{BKCajaChica.mostrarListaCheques}" 
                                                   var="cheque" itemLabel="#{cheque.numFormaMovimiento}" itemValue="#{cheque.id}"/>
                                    <p:ajax update="fdsCheque,txtMontoApertura,txtTipoCambio" process="@this"
                                            listener="#{MBCajaChica.buscarMovCB}" event="change" />
                                </p:selectOneMenu>
                            </p:column>                                                                        

                        </p:row>
                        <p:row>
                            <p:column colspan="4" >
                                <p:fieldset legend="Datos de Cheque" toggleable="true" style="width: 97%" id="fdsCheque">
                                    <p:panelGrid style="width: 100%">
                                        <p:row>
                                            <p:column>
                                                <h:outputLabel value="BANCO: "  styleClass="lblForm" />
                                            </p:column>
                                            <p:column>
                                                <h:outputText value="#{BKCajaChica.bancoFormulario}" >                                        
                                                </h:outputText>
                                            </p:column>
                                            <p:column>
                                                <h:outputLabel value="Nº CUENTA BANCARIA: " styleClass="lblForm" />
                                            </p:column>
                                            <p:column>
                                                <h:outputText value="#{BKCajaChica.cajaChicaFormulario.idMovimientoCuentaBancaria.numCuentaBancaria}" >                                        
                                                </h:outputText>
                                            </p:column>
                                        </p:row>
                                        <p:row>
                                            <p:column>
                                                <h:outputLabel value="FECHA DE EMISIÓN DE CHEQUE: " styleClass="lblForm" />
                                            </p:column>
                                            <p:column>
                                                <h:outputText value="#{BKCajaChica.cajaChicaFormulario.fechaEmisionCheque}" >    
                                                    <f:convertDateTime pattern="dd/MM/yyyy" />
                                                </h:outputText>
                                            </p:column>
                                            <p:column>
                                                <h:outputLabel value="MONTO: "  styleClass="lblForm" />
                                            </p:column>
                                            <p:column>
                                                <h:outputText value="#{BKCajaChica.cajaChicaFormulario.idMovimientoCuentaBancaria.idCuentaBancaria.idTipoMoneda.simbolo}" >                                        
                                                </h:outputText>
                                                <h:outputText value="#{BKCajaChica.cajaChicaFormulario.idMovimientoCuentaBancaria.monto}" > 
                                                    <f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
                                                </h:outputText>
                                            </p:column>
                                        </p:row>
                                    </p:panelGrid>
                                </p:fieldset>
                            </p:column>
                        </p:row>

                        <p:row> 
                            <p:column>
                                <h:outputLabel id="lblTipoCambio" value="TIPO DE CAMBIO: " styleClass="lblForm" />
                            </p:column> 
                            <p:column>                                       
                                <p:inputText id="txtTipoCambio" value="#{BKCajaChica.cajaChicaFormulario.tipoCambio}" 
                                             disabled="#{BKCajaChica.cajaChicaFormulario.idMovimientoCuentaBancaria.idCuentaBancaria.idTipoMoneda.id eq 1}">
                                    <p:ajax event="blur" update="txtMontoApertura" listener="#{MBCajaChica.calcularMonto}" process="@this" />
                                </p:inputText>

                            </p:column> 
                            <p:column>
                                <h:outputLabel id="lblMontoApertura" value="MONTO DE APERTURA: " styleClass="lblForm" />
                            </p:column> 
                            <p:column> 
                                <h:outputText value="#{BKCajaChica.cajaChicaFormulario.moneda.simbolo}" >                                        
                                </h:outputText>
                                <h:outputText id="txtMontoApertura" value="#{BKCajaChica.cajaChicaFormulario.montoApertura}"> 
                                    <f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
                                </h:outputText>                                       
                            </p:column>  

                        </p:row>            
                        <p:row>
                            <p:column >
                                <h:outputLabel id="lblFechaApertura" value="FECHA DE APERTURA(*): " styleClass="lblForm" />
                            </p:column>       

                            <p:column>
                                <p:calendar id="calendarFechaSolicitud" value="#{BKCajaChica.cajaChicaFormulario.fechaApertura}" 
                                            pattern="dd/MM/yyyy" 
                                            showOn="button" showButtonPanel="true" navigator="true" required="true" size="12" locale="es">
                                    <p:ajax event="dateSelect"/>
                                </p:calendar>
                                <p:message for="calendarFechaSolicitud"/>
                            </p:column>
                            <p:column>
                                <h:outputLabel id="lblDescripcion" value="DESCRIPCION: " styleClass="lblForm" />
                            </p:column> 
                            <p:column>
                                <p:inputTextarea id="txtDescripcion" rows="3" style="width: 100%"
                                                 value="#{BKCajaChica.cajaChicaFormulario.descripcion}"/>     
                            </p:column> 
                        </p:row>        
                    </p:panelGrid>                           

                </p:panel>  

                <center>
                    <h:panelGrid columns="2" cellpadding="10">

                        <p:commandButton id="btnGuardar" action="#{BKCajaChica.comando.aceptar()}" ajax="false" 
                                         value="#{BKCajaChica.comando.nombre}" />
                        <p:commandButton id="btnCancelar" action="#{MBCajaChica.cancelar()}" ajax="false" 
                                         value="Cancelar" immediate="true"/>

                    </h:panelGrid>
                </center>     
                <h:panelGrid styleClass="mensaje_obligatorio">(*) Campos Requeridos</h:panelGrid>

            </h:form>  


        </ui:define>
    </ui:composition>
</html>
